<script setup>
	import {
		useI18n
	} from 'vue-i18n';
	import {
		onMounted,
		watch
	} from 'vue';

	const {
		locale,
		t
	} = useI18n();

	// 监听语言切换事件并更新标题
	watch(locale, (newLocale) => {
		document.title = t('common.title'); // 使用 i18n 的翻译内容动态设置标题
	});

	onMounted(() => {
		document.title = t('common.title'); // 在组件挂载时设置初始标题
	});
</script>

<template>
	<router-view></router-view>
</template>

<style>
	html,
	body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;

	}

	#app {
		width: 100%;
		height: 100%;
		font-family: Avenir, Helvetica, Arial, sans-serif;
		color: #eee;
	}

	ul {
		list-style: none;
	}

	a {
		text-decoration: none;
	}

	* {
		margin: 0;
		padding: 0;
	}
</style>
